<template>
  <div>
    <loading></loading>
    <div class="BBS_leftab">
      <div @mouseout="search2" id="BBSearch_box">
        <div id="BBS_search" @mouseover='search' >
          search
        </div>
        <input type="text" placeholder="请输入" id="BBS_input" ref="input" @mouseover='search'>
      </div>
      <div id="BBS_hblank"></div>
      <div class="BBS_return">
        <input type="button" value="返回" @click="route('/eat')" id="btn3" class="return_btn" /></div>
      <div class="BBSLtab_head">
        美食论坛
      </div>
    </div>
    <div class="BBS_box">
      <div class="BBS_context">
        <div id="BBSimg_box">
          <img src="../assets/gps-3.jpeg" id="BBS_img"/>
          <div class="hotarticle">
            <h3>{{hotarticle.topic}}</h3>
            <h4>{{hotarticle.context}}</h4>
          </div>
        </div>
        <div class="BBS_article">
          <p id="BBS_head">最新</p>
          <p v-for='(item,index) in items' :key = index class="BBS_topic">{{item.topic}}</p>
        </div>
        <div class="BBS_article">
          <p v-for='(item,index) in items2' :key = index class="BBS_topic">{{item.topic}}</p>
        </div>
      </div>
    </div>
  </div>
</template>

<script src="../js/foodBBS.js"></script>
<style scoped>
  @import "../css/foodBBS.css";
</style>
